<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/js/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/replyDetail.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/viewpoint/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/viewpoint/common.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>

    <script>
        $(function () {

            //收藏
            $(".btn-collect").click(function () {
                var viewId = $('.btn-collect').data('viewid');
                $.get("/destination/favor",{viewId:viewId}, function (data) {
                    if(data.success){
                        // $(".favorite_num").html(data.data.favornum);
                        $(".btn-collect").addClass("on");

                        alert("收藏成功"); //
                    }else{
                        if(data.code == 102){
                            alert(data.msg);
                        }else{
                            $(".btn-collect").removeClass("on");
                            alert("收藏取消"); //
                        }
                    }
                });
            });


            $('.nav-right').click(function () {
                //数据复原
                $("#editForm").clearForm(true);
                $('input[name="viewpointId"]').val(${vp.id});

                //alert(1)
                $('#editModal').modal('show');
            });
            $('.add-place').click(function () {
                $('#imgFile').click();//弹出图片选择窗口
            });
            //当图片被选中后
            $('#imgFile').change(function () {
                var filenew = $('#imgFile').val();
                if(filenew){
                    $('#fileForm').ajaxSubmit({
                        url:  '/images',
                        success:function (data) {
                            if(data.status == 1){//成功
                               var clone =  $('#commimg').clone(true);
                                clone.prependTo('.upload-box');

                                var imgs = $('.upload-box img');
                                imgs.each(function (index, ele) {
                                    // console.log(index);
                                    // console.log(ele);
                                    if(imgs.size() > 1 && index == 1){
                                        $(ele).attr('src',data.url);
                                        console.log(ele);
                                        // $(ele).attr('input[name="imageUrl"]',data.url);
                                    }
                                })
                                var input = $('.upload-box input');
                                input.each(function (index, ele) {
                                    // console.log(index);
                                    // console.log(ele);
                                    if(input.size() > 1 && index == 1){
                                        $(ele).val(data.url);
                                        console.log($(ele));
                                        // $(ele).attr('input[name="imageUrl"]',data.url);
                                    }
                                })
                            }else {//失败
                                $(document).dialog({
                                    titleShow: false,
                                    content: data.msg
                                });
                            }
                        }
                    })
                }
            });

            //提交景点点评
            $('._j_submit').click(function () {
                var input = $('.upload-box input');
                input.each(function (index, ele) {
                    if(index == 0){
                        $(this).remove();
                    }
                })
               var pic =  $('input[name="pic"]').val();
                $('#imageUrl').val(pic);
                $('#commentForm').ajaxSubmit(function (data) {
                    if (data.success){
                        window.location.reload();
                    }
                });
            });



            //评论景点的点评
            var flag = true;
            var type;
            var vpcid;
            var vpid ;
            var rep = $('.comment_reply');
            $('.btn-comment').click(function () {
                //清空文本域中内容
                $('#text_comment').val('');
               var username = $(this).data('username');
               type = $(this).data('type');
               vpcid = $(this).data('vpcid');
                vpid = $(this).data('vpid');
                //设置提示文字
                rep.attr('placeholder','回复：' + username );
                //移除 hide样式 ，弹出文本域框
                $(this).parent().next().children('.add-comment').removeClass('hide');
                rep.focus();
            })

            //回复评论
            $('.re_reply').click(function () {
                flag = false;
                //清空文本域中内容
                $('#text_comment').val('');
                //设置提示文字
                var username = $(this).data('username');
                type = $(this).data('type');
                vpcid = $(this).data('vpcid');
                refid = $(this).data('refid');
                vpid = $(this).data('vpid');
                rep.attr('placeholder','回复：' + username);
                //移除 hide样式 ，弹出文本域框
                $(this).parent().parent().next().removeClass('hide');
                rep.focus();
            })

            //提交评论
            $('.btn_submit_reply').click(function () {
              //获取被评论人的id ，name ，headURL
                //获取文本域中的内容
              var contents = $('.comment_reply');
              var content;
              contents.each(function (index, ele) {
                 var e = $(ele).val()
                  if(e){
                      content = e;
                  }
              })
                if(!content){
                    alert("内容不能为空");
                    return;
                }
                var json;
                if(flag){
                     json = {
                        viewpointId:vpid ,
                        viewpointCommentId:vpcid,
                        content:content,
                        type:type

                    }
                }else {
                    json = {
                        viewpointId:vpid ,
                        viewpointCommentId:vpcid,
                        content:content,
                        type:type,
                        "refComment.id":refid
                    }
                }

                //发送ajax请求保存
               $.post('/destination/refCommentAdd',json,function (data) {
                    if(data.success){
                        window.location.reload();
                    }else{
                        if(data.code == 102){
                            alert(data.msg);
                        }else{
                            alert("操作失败"); //
                        }
                    }
               })
                //将文本域隐藏
                $('.comment_reply').val('');
                $('.reply-form').addClass('hide');
            })

            //去过
            $(".btn-been").click(function () {

                if( $(this).hasClass('on')){
                    return;
                }
                var viewId = $('.btn-been').data('viewid');
                $.get("/destination/came",{viewId:viewId}, function (data) {
                    if(data.success){
                        $(".btn-been").addClass("on");
                        alert("操作成功"); //
                    }else{
                        if(data.code == 102){
                            alert(data.msg);
                        }else{
                            alert("操作失败"); //
                        }
                    }
                });
            });


            //点评点赞
            var viewpointid
            $(".thumbup").click(function () {
                //若已点赞再点就没反应
                if( $(this).hasClass('on')){
                    return;
                }
                var viewcommentid = $(this).data('viewcommentid');
                viewpointid = $(this).data('viewpointid');
                $.get("/destination/thumbup",{viewCommentId:viewcommentid,viewpointId:viewpointid}, function (data) {
                    if(data.success){
                        var id = data.data;
                     //   $(".thumbup[data-viewcommentid]").addClass("on");
                        $(".thumbup").each(function (index, ele) {
                            if($(ele).data('viewcommentid')==id){
                                $(ele).children().next().html(data.code +1 );
                                $(ele).addClass("on");
                            }
                        })
                        alert("操作成功"); //
                    }else{
                        if(data.code == 102){
                            alert(data.msg);
                        }else{
                            alert("操作失败"); //
                        }
                    }
                });
            });

           var viewcid = $('#viewcommentlist').children().children().next().data('viewpointid');
            $.get('/destination/hasthumbup',{viewpointId:viewcid},function (data) {
                if(data){
                   // console.log(data);
                    $(".thumbup").each(function (index, domEle) {
                        var value = $(domEle).data('viewcommentid');
                        //在arr数组中若存在value值则返回索引,若不存在返回-1
                        if($.inArray(value,data) >= 0){
                            $(domEle).addClass('on');
                        }
                    })
                }
            })

        })

    </script>
</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">


<div class="container" data-cs-t="景点详情页">

    <div class="row row-top" >
        <div class="wrapper">

            <div class="extra">
                <!-- 天气 S-->
                <div class="weather" data-cs-p="天气">
                    <a href="/weather/10088.html" target="_blank">
                        <img src="http://images.mafengwo.net/images/mdd_weather/icon/icon34.png" width="25" height="25">
                        <span>中雨 27℃~34℃</span>
                    </a>
                </div>
                <!-- 天气 E-->
                <!-- 收藏去过 S-->
                <div class="action _j_rside want-been">
                    <div class="been-box">
                        <a class="_j_beenpoi btn-been _j_hovergo ${(iscame?string('on',''))!}" data-viewid="${vp.id}" title="添加至我的足迹"
                           data-cs-p="足迹">
                            <i class="icon"></i>
                            <span class="txt">去过</span>
                        </a>
                        <div class="rate-pop" style="display:none;">
                            <div class="rank-star">
                                <span class="s-star s-star0"></span>
                                <div class="click_star">
                                    <a title="1星" rel="nofollow" data-num="1"></a>
                                    <a title="2星" rel="nofollow" data-num="2"></a>
                                    <a title="3星" rel="nofollow" data-num="3"></a>
                                    <a title="4星" rel="nofollow" data-num="4"></a>
                                    <a title="5星" rel="nofollow" data-num="5"></a>
                                </div>
                            </div>
                            <span class="rank-hint">必去推荐</span>
                        </div>
                    </div>

                    <a class="_j_favpoi btn-collect ${(isfavor?string('on',''))!} " data-viewid="${vp.id}"  title="添加收藏"
                       data-cs-p="收藏">
                        <i class="icon"></i>
                        <span class="txt">收藏</span>
                    </a>
                </div>
                <!-- 收藏去过 E-->
            </div>
            <!-- 面包屑 S-->
            <div class="crumb"  data-cs-p="面包屑">
                <div class="item"><a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>
                    <#if toasts??>
                    <#list toasts as t>
                    <div class="item">
                        <div class="drop">
                            <span class="hd"><a href="/#">${t.name}<i></i></a></span>
                            <div class="bd">
                                <i class="arrow"><b></b></i>
                                <div class="col">
                                    <ul class="clearfix">
                                        <li><a href="/jd/10088/gonglve.html" target="_blank">${t.name}景点</a></li>
                                        <li><a href="/hotel/10088/" target="_blank">${t.name}酒店</a></li>
                                        <li><a href="/cy/10088/gonglve.html" target="_blank">${t.name}美食</a></li>
                                        <li><a href="/gw/10088/gonglve.html" target="_blank">${t.name}购物</a></li>
                                        <li><a href="/yl/10088/gonglve.html" target="_blank">${t.name}娱乐</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <em>&gt;</em>
                    </div>
                    <div class="item cur">${t.name}景点</div>
                </#list>
                </#if>

            </div>
        </div>

            <!-- 面包屑 E-->


            <!-- POI名称 S-->
            <br><br>
            <div class="title">
              &emsp;  &emsp;  &emsp;  &emsp;  &emsp;  <h1>${vp.name}</h1>
            </div>
            <!-- POI名称 E-->

            <!-- 快捷导航 S-->
            <div style="height: 60px;">
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li data-scroll="overview" class="on">
                            <a title="概况">概况</a>
                        </li>
                        <li data-scroll="attractions" style="display: none">
                            <a title="景点亮点">景点亮点</a>
                        </li>
                        <li data-scroll="commentlist">
                            <a title="蜂蜂点评" href="#commentlist">蜂蜂点评<span>（${replynum}条）</span></a>
                        </li>


                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" id="myCommint" title="我要点评">我要点评</a>
                        </li>
                        <#--                    <button type="button" class="btn-reviews" id="myCommint" data-toggle="modal" >我要点评</button>-->
                    </ul>
                </div>
            </div>
            <!-- 快捷导航 E-->

        </div>
    </div>

    <script type="text/javascript">
        (function () {
            //面包屑
            $('.drop').hover(function () {
                var target = $(this);
                clearTimeout(target.data('hideTimer'));
                target.addClass('open');
                target.children('bd').fadeIn(200);
            }, function () {
                var target = $(this);
                target.data("hideTimer", setTimeout(function () {
                    target.removeClass('open');
                    target.children('bd').fadeOut(200);
                }, 100));
            });
            //导航
            var $navbar = $('#poi-navbar'),
                offset_top,
                $lis = $navbar.find("li").not('.nav-right');
            $('<div/>').insertBefore($navbar).append($navbar).height($navbar.outerHeight(true));
            $(function () {
                offset_top = $navbar.offset().top;
                $(window).bind('scroll.poinav', setFixed).trigger("scroll.poinav");
            });
            $(document).delegate("[data-scroll]", "click", function () {
                scrollTo($(this));
            });

            function setFixed() {
                var $rows = $('body >.container >[data-anchor]'),
                    scrolltop = $(document).scrollTop(),
                    h,
                    _lis = $lis.filter(":visible"),
                    currIndex;
                if (scrolltop > offset_top) {
                    if (!$navbar.hasClass('fixed')) {
                        $navbar.addClass('fixed');
                    }
                    h = $navbar.outerHeight(true);
                    for (var $li, $row, top, i = 0, j = _lis.length; i < j; i++) {
                        $row = $rows.filter("[data-anchor=" + ($li = _lis.eq(i)).attr("data-scroll") + "]");
                        if ($row[0] && (top = $row.offset().top) && ( /*i == (j - 1) ||*/
                            ((top - h <= scrolltop) && (top + $row.outerHeight() - h > scrolltop)))) {
                            currIndex = i;
                            break;
                        }
                    }
                    if (i == j) {
                        _lis.removeClass("on");
                    } else {
                        _lis.eq(currIndex || 0).addClass("on").siblings().removeClass("on");
                    }
                } else {
                    if ($navbar.hasClass('fixed')) {
                        $navbar.removeClass('fixed');
                    }
                    _lis.eq(0).addClass("on").siblings().removeClass("on");
                }
            }
        })();
    </script>
    <div data-anchor="overview">
        <div class="row row-picture row-bg">
            <div class="wrapper">
                <a class="photo" data-cs-p="相册" href="/photo/poi/25091.html" target="_blank">
                    <div class="bd">
                        <#list vp.coverUrls as cu>
                            <#if cu_index == 0>
                                <div class="pic-big">
                                    <img src="${cu}"
                                         width="690" height="370">
                                </div>
                            <#elseif cu_index == 1>
                                <div class="pic-small">
                                    <img src="${cu}"
                                         width="305" height="183">
                                </div>
                            <#else >
                                <div class="pic-small">
                                    <img src="${cu}"
                                         width="305" height="183">
                                </div>
                            </#if>
                        </#list>
                        <span>34114张图片</span></div>
                </a></div>
        </div>

        <!-- 简介 S -->
        <div class="mod mod-detail" data-cs-p="概况">
            <div class="summary">${vp.info!}</div>

            <ul class="baseinfo clearfix">
                <li class="tel">
                    <div class="label">电话</div>
                    <div class="content">${vp.phone!}</div>
                </li>
                <li class="item-site">
                    <div class="label">网址</div>
                    <div class="content"><a href="${vp.internetSite!}" target="_blank"
                                            rel="nofollow">${vp.internetSite!}</a>
                    </div>
                </li>
                <li class="item-time">
                    <div class="label">用时参考</div>
                    <div class="content">${vp.timeCostName!}</div>
                </li>
            </ul>

            <dl>
                <dt>交通</dt>
                <dd>${vp.transport!}</dd>
            </dl>
            <dl>
                <dt>门票</dt>
                <dd>
                    <div>
                        <div>${vp.ticket!}</div>
                    </div>

                </dd>
            </dl>
            <dl>
                <dt>开放时间</dt>
                <dd>
                    <div>${vp.openTime!}</div>
                </dd>
            </dl>
        </div>
        <!-- 简介 E -->

        <!-- 内部景点 S -->
        <div data-anchor="subPoilist">
            <div id="pagelet-block-bb456ee5b764682811223f9b8d30739e" class="pagelet-block"
                 data-api=":poi:pagelet:poiSubPoiApi" data-params="{&quot;poi_id&quot;:&quot;25091&quot;}"
                 data-async="1"
                 data-controller="/js/poi/ControllerPoiSubPoi">
                <div class="mod mod-innerScenic" data-cs-p="内部景点">
                    <div class="mhd">内部景点</div>
                    <div class="mbd">
                        <ul class="clearfix">
                            <#if vp.children??>
                                <#list vp.children as vpc>
                                    <li>
                                        <a href="/destination/viewpointdetail?pointId=${vpc.id!}&destId=${dest.id}" target="_blank" >
                                            <#if vpc.coverUrls??>
                                                <#list vpc.coverUrls as c>
                                                    <#if c_index == 0>
                                                        <img src="${c!}" width="235" height="150">
                                                    </#if>
                                                </#list>
                                            </#if>
                                            <span class="num num-top">${vpc_index + 1}</span>
                                            <div class="info">
                                                <h3>${vpc.name!}</h3>
                                                <span><em>${vpc.cameNum!}</em>人去过</span>
                                            </div>
                                        </a>
                                    </li>
                                </#list>
                            </#if>

                        </ul>
                    </div>
                    <div class="more more-subpoi">
                        <a class="btn-subpoi" data-page="1">查看更多</a>
                    </div>
                </div>
                <style>
                    .mod-innerScenic .more {
                        margin-top: 20px;
                        text-align: center;
                    }

                    .mod-innerScenic .more a {
                        display: inline-block;
                        width: 160px;
                        height: 50px;
                        background-color: #fff;
                        border: 1px solid #fc9c27;
                        line-height: 50px;
                        color: #ff9d00;
                        font-size: 14px;
                        border-radius: 4px;
                        text-align: center;
                    }

                    .mod-innerScenic .num {
                        width: 40px;
                    }
                </style>
            </div>
        </div>
        <!-- 内部景点 E -->

    </div>

    <!--评论-->
    <div data-anchor="commentlist">
        <form action="/destination/viewpointdetail" method="post" id="searchForm">
            <input type="hidden" name="currentPage"  id="currentPage" value="1">
            <input type="hidden" name="pointId"  id="pointId" value="${vp.id!}">
            <input type="hidden" name="destId"  id="destId" value="${dest.id!}">
            <input type="hidden" name="typeNum" value="${qo.typeNum}" >

        <div id="pagelet-block-15f9d6d9ad9f6c363d2d27120e8a6198" class="pagelet-block">
            <div class="mod mod-reviews" data-cs-p="评论列表">
                <div class="mhd mhd-large">蜂蜂点评<span>（共有<em>${replynum}</em>条真实评价）</span></div>
                <div class="review-nav">
                    <ul class="clearfix">
                        <li data-typeNum="-1" data-category="0" class="on tag"><span class="divide"></span>
                            <a href="/destination/viewpointdetail?pointId=${vp.id}&destId=${dest.id}&typeNum=-1">
                                <span>全部</span>
                            </a>
                        </li>
                        <li data-typeNum="1" data-category="2" class="tag">
                            <span class="divide"></span>
                            <a href="/destination/viewpointdetail?pointId=${vp.id}&destId=${dest.id}&typeNum=1">
                                <span>有图</span>
                                <span class="num"> (${hasImageNum}条)</span>
                            </a>
                        </li>
                        <li data-typeNum="2" data-category="13" class="tag">
                            <span class="divide"></span>
                            <a href="/destination/viewpointdetail?pointId=${vp.id}&destId=${dest.id}&typeNum=2">
                                <span>好评</span>
                                <span class="num">（${GoodNum}条）</span>
                            </a>
                        </li>
                        <li data-typeNum="3" data-category="12" class="tag">
                            <span class="divide"></span>
                            <a href="/destination/viewpointdetail?pointId=${vp.id}&destId=${dest.id}&typeNum=3">
                                <span>中评</span>
                                <span class="num">（${AverageNum}条）</span>
                            </a>
                        </li>
                        <li data-typeNum="4" data-category="11" class="tag">
                            <span class="divide"></span>
                            <a href="/destination/viewpointdetail?pointId=${vp.id}&destId=${dest.id}&typeNum=4">
                                <span>差评</span>
                                <span class="num">（${BadNum}条）</span>
                            </a>
                        </li>
<#--                        <li data-type="0" data-category="1" class="tag">-->
<#--                            <span class="divide"></span>-->
<#--                            <a href="javascript:void(0);"><span>金牌点评</span><span class="num"> (33条)</span></a>-->
<#--                        </li>-->
                    </ul>
                </div>
                <script>
                    $(".tag").removeClass("on")
                    $(".tag[data-typeNum=${qo.typeNum!}]").addClass("on")
                </script>
                <div class="loading-img" style="display: none;"><img
                            src="http://images.mafengwo.net/images/weng/loading3.gif"> Loading...
                </div>
                <div class="_j_commentlist">
                    <div class="rev-list">
                        <ul id="viewcommentlist">
                            <#if pageInfo.list??>
                            <#list pageInfo.list as c>
                                <li class="rev-item comment-item clearfix">
                                    <div class="user"><a class="avatar" href="/#" target="_blank"><img
                                                    src="${(c.user.headImgUrl)!}"
                                                    width="48" height="48"></a><span class="level" style="color: orange">LV.${(c.user.level)!}</span>
                                    </div>

                                    <a class="useful thumbup  " data-viewcommentid="${c.id}" data-viewpointid="${vp.id}" title="点赞">
                                        <i></i>
                                        <span class="thumbup-num">1</span>
                                    </a>

                                    <a class="name" href="/u/52068941.html" target="_blank">${(c.user.nickname)!}</a>
                                    <span class="s-star s-star${c.rank}"></span>
                                    <p class="rev-txt">${c.comment!}
                                    </p>


                                    <div class="rev-img">
                                        <#if c.coverUrls??>
                                            <#list c.coverUrls as cu>
                                                <a href="#" target="_blank">
                                                    <img src="${cu!}" width="200" height="120">
                                                </a>
                                            </#list>
                                        </#if>
                                    </div>

                                    <div class="info clearfix">
                                        <a class="btn-comment _j_comment " data-vpid="${vp.id}"
                                           data-vpcid="${c.id}" data-username="${c.user.nickname}"
                                           data-type="0" title="添加评论">评论</a>
                                        <span class="time">${(c.createTime)?string('yyyy-MM-dd HH:mm:ss')}</span>

                                        <#--                                    <span class="from">-->
                                        <#--                                此条点评来自游记<a href="/i/12601474.html" target="_blank">《南国花城正月中 ——2019年春节广州记（含长...》</a>-->
                                        <#--                            </span>-->
                                    </div>

                                    <div class="comment add-reply ">
                                        <ul class="more_reply_box comment_list">
                                            <#if c.refComments??>
                                                <#list c.refComments as ref>
                                                    <li>
                                                        <a href="/u/63107989.html" target="_blank">
                                                            <img src="${(ref.headUrl)!}" width="16" height="16">${(ref.username)!}
                                                        </a><#if ref.refComment?? >回复</#if>  ${(ref.refComment.username)!} :
                                                        ${(ref.content)!}
                                                        <a class="_j_reply re_reply" data-refid="${ref.id}" data-vpcid="${c.id}" data-vpid="${vp.id}" data-type="1"
                                                           data-username="${(ref.username)!}" title="添加回复">回复</a>
                                                        <br><span class="time">${ref.createTime?string('yyyy-MM-dd HH:mm:ss')}</span>
                                                    </li>
                                                </#list>
                                            </#if>
                                        </ul>

                                        <div class="add-comment hide reply-form">
                                    <textarea class="comment_reply" id="text_comment" data-comment_id="191407415"
                                              data-comment_username="马蜂窝用户" data-poi_id="25091" data-poi_name=""
                                              data-vpcid="${c.id}" ></textarea>
                                            <a class="btn btn_submit_reply">回复</a>
                                        </div>
                                    </div>
                                </li>
                            </#list>
                            </#if>
                        </ul>
                        <#include "../common/page.ftl">
                    </div>

                </div>
            </div>
        </div>
        </form>
    </div>


</div>
<div>
    <form id="fileForm" method="post" enctype="multipart/form-data" style="display: none">
        <input type="file" name="pic" id="imgFile" >
    </form>
</div>
<div class="modal fade" id="editModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <div class="modal-body">
                <div id="_j_commentform_cnt">
                    <h2>
                        <strong>${vp.name}</strong><br>
                        <em>*</em>
                        <span style="color: orange">为必填选项</span>
                    </h2>
                    <form action="/destination/commentAdd" method="post" id="commentForm" class="_j_commentdialogform" data-typeid="3">
                        <input type="hidden" name="viewpointId" value="">

                        <div class="review-item item-star">
                            <div class="label">
                                <em>*</em>
                                <span style="color: orange">总体评价</span>
                            </div>

                            <div class="review-star _j_rankblock" data-star="" name="rank">
                                <input type="hidden" name="rank" value="" essential="1" data-inputname="总体评价">
                                <span class="_j_starcount star0"></span>
                                <div class="click-star _j_starlist">
                                    <a role="button" title="千万别去" rel="nofollow"></a>
                                    <a role="button" title="不推荐" rel="nofollow"></a>
                                    <a role="button" title="一般般" rel="nofollow"></a>
                                    <a role="button" title="值得一去" rel="nofollow"></a>
                                    <a role="button" title="必须推荐" rel="nofollow"></a>
                                </div>

                            </div>
                            <span class="txt-tips _j_startip">点击星星打分</span>
                        </div>
                        <div class="review-group">
                            <div class="review-item item-rating"
                                 data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u98ce\u5149&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                <div class="label"><em>*</em>
                                    <span style="color: orange">风光</span>
                                </div>
                                <div class="review-score _j_rankblock" data-star="" name="scene_rank">
                                    <input type="hidden" name="scene_rank" value="" essential="1"
                                           data-inputname="给风光的评分">
                                    <span class="_j_starcount star0"></span>
                                    <div class="click-star _j_starlist">
                                        <a role="button" title="特别差" rel="nofollow"></a>
                                        <a role="button" title="不太好" rel="nofollow"></a>
                                        <a role="button" title="一般般" rel="nofollow"></a>
                                        <a role="button" title="很棒" rel="nofollow"></a>
                                        <a role="button" title="超出预期" rel="nofollow"></a>
                                    </div>
                                </div>
                                <span class="txt-tips _j_startip">给风光打分</span>
                            </div>
                            <div class="review-item item-rating"
                                 data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u7279\u8272&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                <div class="label"><em>*</em>
                                    <span style="color: orange">特色</span>
                                </div>
                                <div class="review-score _j_rankblock" data-star="" name="feature_rank">
                                    <input type="hidden" name="feature_rank" value="" essential="1"
                                           data-inputname="给特色的评分">
                                    <span class="_j_starcount star0"></span>
                                    <div class="click-star _j_starlist">
                                        <a role="button" title="特别差" rel="nofollow"></a>
                                        <a role="button" title="不太好" rel="nofollow"></a>
                                        <a role="button" title="一般般" rel="nofollow"></a>
                                        <a role="button" title="很棒" rel="nofollow"></a>
                                        <a role="button" title="超出预期" rel="nofollow"></a>
                                    </div>

                                </div>
                                <span class="txt-tips _j_startip">给特色打分</span>
                            </div>
                            <div class="review-item item-rating"
                                 data-conf="{&quot;type&quot;:&quot;select&quot;,&quot;notnull&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u670d\u52a1&quot;,&quot;conf&quot;:{&quot;options&quot;:[&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;]},&quot;show&quot;:{&quot;style&quot;:&quot;starRank&quot;}}">
                                <div class="label"><em>*</em>
                                    <span style="color: orange">服务</span>
                                </div>
                                <div class="review-score _j_rankblock" data-star="" name="service_rank">
                                    <input type="hidden" name="service_rank" value="" essential="1"
                                           data-inputname="给服务的评分">
                                    <span class="_j_starcount star0"></span>
                                    <div class="click-star _j_starlist">
                                        <a role="button" title="特别差" rel="nofollow"></a>
                                        <a role="button" title="不太好" rel="nofollow"></a>
                                        <a role="button" title="一般般" rel="nofollow"></a>
                                        <a role="button" title="很棒" rel="nofollow"></a>
                                        <a role="button" title="超出预期" rel="nofollow"></a>
                                    </div>

                                </div>
                                <span class="txt-tips _j_startip">给服务打分</span>
                            </div>
                        </div>
                        <div class="review-item item-comment">
                            <div class="label"><em>*</em>
                                <span style="color: orange">评价</span>
                            </div>
                            <div class="content">
                                <textarea class="_j_commentarea" name="comment" essential="1" data-inputname="点评内容"
                                          placeholder="详细、客观、真实，130字以上为佳！上传图片会加分哦！" data-minlen="15"
                                          data-maxlen="1000">

                                </textarea>
                                <p class="_j_commentcounttip">15-1000个字</p>
                            </div>
                        </div>

                        <div class="review-item item-photo">
                            <div class="label">
                                <span style="color: orange">上传照片</span>
                            </div>
                            <div class="content">
                                <dl class="upload-box _j_piclist">
                                    <dd data-commentid="" id="commimg" ids="0" style="position: relative;">
                                        <a class="add-place" ><i></i>
                                            <input type="hidden" name="imageUrl" value="">
                                            <img   width="100%" height="120px" />
                                        </a>
                                    </dd>

                                </dl>
                            </div>
                        </div>
                        <div class="review-item item-action">
                            <a class="btn-large _j_submit" type="button" role="button" title="提交点评">提交点评</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>







<script type="text/javascript">

    $(function () {
        $("._j_starlist a").mouseover(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");

            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);
        }).mouseout(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().removeClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            var x = $(this).closest("div").prev().prev().val();
            if (x == index) {
                $(this).closest("div").prev().addClass("star" + x);
            }


        }).click(function () {
            var index = $(this).index() + 1;
            var text = $(this).attr("title");
            $(this).closest("div").prev().addClass("star" + index);
            $(this).closest("div").parent().next().html(text);

            $(this).closest("div").prev().prev().val(index);

        })
    })

</script>
<#include "../common/footer.ftl">
</body>

</html>